<template>
    <p style="padding:10px 10px;font-size:14px;background:#f0f0f0;">我的逃票>交易中心>订单管理</p>
    <div style="padding:30px 0 0 0;">
        <Divider orientation="left"><h2 style="color:var(--danger-color);font-size: 16px;">近期订单列表</h2></Divider>
        <Row :gutter="5">
            <Col :span="4">
                <Select>
                    <Option>全部订单</Option>
                </Select>
            </Col>
            <Col :span="4">
                <Select>
                    <Option>近3个月</Option>
                </Select>
            </Col>
            <Col :span="7">
            </Col>
            <Col :span="7">
                <Input placeholder="请输入订单编号、商品名称..."></Input>
            </Col>
            <Col :span="2"><Button>查询</Button></Col>
        </Row>
        <Table style="margin-top:30px;" border :columns="orderArgs"></Table>
    </div>
</template>
<script>
export  default{
    data(){
        return {
            orderArgs:[
                {
                    key:"",
                    title:"订单编号"
                },
                {
                    key:"",
                    title:"购买时间"
                },
                {
                    key:"",
                    title:"商品名称"
                },
                {
                    key:"",
                    title:"数量"
                },
                {
                    key:"",
                    title:"单价"
                },
                {
                    key:"",
                    title:"订单金额"
                },
                {
                    key:"",
                    title:"交易状态"
                },
                {
                    key:"",
                    title:"操作"
                },
                
            ]
        }
    }
}
</script>
<style>
th,td{
    font-size: 12px;
    font-weight: normal;
}
</style>